@each $i in 0, 2, 4, 5, 6, 8, 10, 14, 15, 20 {
	.p-t-#{$i} {
		padding-top: #{$i * 2}rpx;
		box-sizing: border-box;
	}

	.p-r-#{$i} {
		padding-right: #{$i * 2}rpx;
		box-sizing: border-box;
	}

	.p-b-#{$i} {
		padding-bottom: #{$i * 2}rpx;
		box-sizing: border-box;
	}

	.p-l-#{$i} {
		padding-left: #{$i * 2}rpx;
		box-sizing: border-box;
	}
	.p-#{$i} {
		padding: #{$i * 2}rpx;
		box-sizing: border-box;
	}
}

@each $i in 0, 4, 5, 6, 8, 10, 15, 20 {
	.b-r-#{$i} {
		border-radius: #{$i * 2}rpx;
	}
}

@each $i in 0, 4, 5, 8, 10, 15, 20, 25, 30 {
	.m-#{$i} {
		margin: #{$i * 2}rpx;
	}

	.m-t-#{$i} {
		margin-top: #{$i * 2}rpx !important;
	}

	.m-r-#{$i} {
		margin-right: #{$i * 2}rpx;
	}

	.m-b-#{$i} {
		margin-bottom: #{$i * 2}rpx;
	}

	.m-l-#{$i} {
		margin-left: #{$i * 2}rpx;
	}
}

@each $i in 0, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 600, 700 {
	.m-h-#{$i} {
		min-height: #{$i * 2}rpx;
	}
	.m-w-#{$i} {
		min-width: #{$i * 2}rpx;
	}
}

@each $i in 0, 80, 90, 100 {
	.w#{$i} {
		width: #{$i + '%'};
	}
	.h#{$i} {
		height: #{$i + '%'};
	}
}
